<template>
  <div class="font16 hgt_full" style="height:100%" v-cloak>
    <div class="flex_column hgt_full">
      <el-form label-width="80px" class="demo-ruleForm" size="small">
        <el-form-item label="后台名">
          <el-input 
            v-model="systemForm.name"
            placeholder="可以输入多个号码，用英文逗号,隔开"
          ></el-input>
        </el-form-item>
        <el-form-item label="登录背景">
          <el-input type="textarea" :row="3" v-model="systemForm.loginBg" placeholder="短信内容，不宜太长。"></el-input>
        </el-form-item>
      </el-form>
    </div> 
  </div>
</template>

<script>
import platformRowDialog from "@/views/system/component/platformRowDialog";
import platformRowDetail from "@/views/system/component/platformRowDetail";
import myDialog from "@/components/myDialog/myDialog";
// import $AppHttp from "@/service/AppAPI";
export default {
  name: "setting",
  components: {
    myDialog,
    platformRowDialog,
    platformRowDetail
  },
  data() {
    return {
      // 更多操作弹窗
      systemForm: {

      },
      // 模态框获得的单条数据
      platformRowData: {},
      // 当前操作平台的索引
      currentPlatformIndex: null
    };
  },
  methods: {
    // 打开站点的弹出框
    openPlatformDialog(type) {
      // type=1新增，type=0编辑
      if (type) {
        this.$refs.refPlatformDialog.getPlatformRowData({ id: 0 });
      } else {
        this.$refs.refPlatformDialog.getPlatformRowData({
          ...this.platformRowData
        });
      }
    },
    //追加数据后更新列表
    updatePlatformList(type, rowData) {
      // type=1新增，type=0编辑
      if (type) {
        this.$store.getters.platformList;
      } else {
        this.$set(this.common.platformList, this.currentPlatformIndex, rowData);
        // 更新展示的基本信息
        this.$refs.refPlatformDetail.getPlatformRowData({ ...rowData });
        this.platformRowData = { ...rowData };
      }
    },
    // 获取所有平台的信息
    getAllPlatform() {
      this.$store.dispatch("app/getPlatformList").then(() => {});
    },
    // 打开更多操作的弹出框
    openMoreOperationDialog(index, row) {
      this.$refs.refPlatformDetail.getPlatformRowData({ ...row });
      this.platformRowData = {};
      this.currentPlatformIndex = index;
      this.platformRowData = { ...row };
      this.moreOperationDialog = true;
    }
  },
  mounted() {
    
  }
};
</script>
<style scoped>
</style>